// import Page404 from './views/pages/page404/Page404'
import React from "react";
import learningPartner from "./views/myStudents/learningPartners";

const Dashboard = React.lazy(() => import("./views/dashboard/Dashboard"));
const createClass = React.lazy(() => import("./views/class/createClass"));
const EditClass = React.lazy(() => import("./views/class/editClass"));
const Abilities = React.lazy(() => import("./views/myStudents/abilities"))
const CareerPlanning = React.lazy(() => import("./views/myStudents/careerPlanning"))


const routes = [
  { path: "/", name: "Dashboard", element: Dashboard },
  { path: "/dashboard", name: "Dashboard", element: Dashboard },
  { path: "/class/createClass", name: "createClass", element: createClass },
  { path: "/class/editClass", name: "editClass", element: EditClass },
  { path: "/myStudents/abilities", name: "abilities", element: Abilities },
  {
    path: "/myStudents/careerPlanning",
    name: "careerPlanning",
    element: CareerPlanning,
  },
  {
    path: "/myStudents/learningPartner",
    name: "learningPartner",
    element: learningPartner,
  },
  // { path: '*', name: '404', element: Page404 },
];

export default routes;
